<template>
    <div>
        <el-tabs type="card" v-model="activeName"  @tab-click="handleClick">
            <el-tab-pane label="待分配客户" name="disClient">
                <disclient v-if="activeName == 'disClient'" @currentHandler=parentCurrentHandler />
            </el-tab-pane>
            <el-tab-pane label="待分配群聊" name="disGroup">
                <disgroup v-if="activeName == 'disGroup'" @currentHandler=parentCurrentHandler />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>

import disclient from "@/views/customer/client_migration/disclient"
import disgroup from "@/views/customer/client_migration/disgroup"

export default {
    components: {
        disclient,
        disgroup
    },
    data() {
        return {
            activeName: 'disClient',
            dataSource: []
        }
    },
    methods: {
        handleClick(tab, event) {
            this.activeName = tab.name
        },
        parentCurrentHandler(type) {
            this.$emit('currentHandler', type)
        }
    }
}

</script>

<style scoped>
.el-input /deep/ {
    width: 200px;
}

.el-select /deep/ {
    width: 200px;
}
</style>
